:root {
    --primary100: #033148;
    --primary50: #143f54;
    --secondry100: #ee7d33;
    --secondry70: #02273a;
    --thirly: #b5b5b5;
    --primary10: #086796;
}

.secondry70 {
    background: #11354c;
}

.dropbtn:hover+.dropmenu {
    display: block;
}

.dropbtn {
    display: flex;
    flex-direction: column;
    position: relative;
    color: white;
    padding: 18px 27px;
}

.dropbtn:hover {
    background-color: white;
    color: #033148;
}

.arrowimg {
    max-width: 20px;
}

.dropmenu {
    display: none;
    position: absolute;
    background-color: white;
    color: #033148;
    z-index: 100;
}

.dropbtn:hover+.dropmenu {
    display: block;
}

.dropmenucontent {
    display: flex;
    justify-content: center;
    margin: 30px 30px 10px 15px;
}

.firstcol {
    margin-right: 20px;
}

.searchtt {
    display: flex;
    flex-direction: column;
    line-height: 40px;
}

.searchtext {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: 700;
    font-size: large;
}

.searchtext2 {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: 400;
    font-size: x-small;
    padding-left: 25px;

}

.searchicon {
    width: 25px;
    height: 25px;
}

.sellingtag {
    max-width: 20px;
}

.sheet {
    max-width: 25px;

}

.secondcol {
    margin-left: 20px;
    margin-right: 20px;

}

.thirdcol {
    margin-left: 20px;
    margin-right: 20px;
}

.caricons {
    max-width: 30px;
    margin-right: 30px;
}

.parag {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: 600;
    font-size: medium;
}

.fourthcol {
    margin-left: 20px;
    margin-right: 20px;
}

.imgicon {
    max-width: 30px;
    margin-right: 15px;
}

.parag1 {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: 600;
    font-size: medium;
}

.dropmenu:hover {
    display: inline-block;
}

.primarycolor {
    background-color: var(--primary50);
}

.menimgk {
    width: 35px;
}

.hovertext:hover {
    color: var(--secondry100) !important;
}

.navbarcolor {
    background-color: var(--primary100);
}

.topbar {
    border-bottom: 6px solid #02273a;
}

.primarycolor-100 {
    background-color: var(--primary100);
}

.paddingwalay {
    border-bottom: 1pt solid white;
}

.redbtn {
    background-color: var(--secondry100);
    color: white;
}

.redbtncontent {
    display: none;
    z-index: 200;
    color: var(--secondry100);
    background-color: white;
    border: 3px solid #ee7d33;
    width: 150px;
    position: absolute;
}

.posfreeadd:has(.redbtn:hover) .redbtncontent {
    display: block;
}

.arrowdownicon {
    height: 20px;
}

.posfreeadd {
    position: relative;
}

.secondrycolor {
    color: var(--secondry100);
}

.iconsbg {
    border: 1px solid rgb(85, 83, 83);
}

.iconsbg:hover {
    background-color: var(--secondry100);
}

.updatedop {
    width: 200px;
    height: 40px;
}

.updatedop:hover {
    border-color: var(--secondry100);
}

.iconsbg:hover {
    background-color: var(--secondry100);
}

.colfour {
    border: 1px solid var(--thirly);
}

.primarycolor-70 {
    color: var(--primary10);
}

.cng {
    height: 40px;
}

.markx {
    width: 247px;
}

.thirly {
    color: var(--thirly);
}

.detailcardbtn {
    background: var(--primary100);
    margin-right: 5px;
}

.card-content {
    border: 1pt solid var(--thirly);
    border-radius: 5px;
    padding-bottom: 10px;
}

.thirlybg {
    background-color: #f1f1f1;
}

.secondrycolorbg {
    background-color: var(--secondry100);
}

.primarycolortt {
    color: var(--primary100);
}

.fbbox {
    background-color: #1877f1;
}

.googlebox {
    background-color: #ececec;
}

.huyandihover:hover {
    border: 1px solid #ee7d33 !important;
}